﻿<%@ Page Title="" Language="C#" MasterPageFile="~/mContentContainer.Master" AutoEventWireup="true" CodeBehind="uploadifyProcess.aspx.cs" Inherits="Rmlife.Web.Systems.uploady.uploadifyProcess" %>

<%@ Register TagPrefix="cc2" Namespace="Rmlife.Control" Assembly="Rmlife.Control" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="/Tools/jQuery.Plugins/uploadify-v2.1.4/uploadify.css" rel="stylesheet"
        type="text/css" />
    <link href="/styles/tab.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Tools/jQuery.Plugins/uploadify-v2.1.4/swfobject.js"></script>
    <script type="text/javascript" src="/Tools/jQuery.Plugins/uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#webApplogo").uploadify({
                'uploader': '/Tools/jQuery.Plugins/uploadify-v2.1.4/uploadify.swf',//进度条，Uploadify里面含有
                'script': '/Tools/Handlers/SettingHandler.ashx?opt=progress&rn=' + Math.random(),//一般处理程序
                'cancelImg': '/Tools/jQuery.Plugins/uploadify-v2.1.4/cancel.png',//取消图片路径
                'folder': 'Imagelogo',//上传文件夹名
                'auto': true, //文件添加到上传队列后，自动进行上传。默认为false
                'multi': false,//是否允许多文件上传。默认为false
                'fileExt': '*.gif;*.jpg;*.jpeg;*.png',//允许上传的文件类型，使用分号(”;)”分割 例如:*.jpg;*.gif,默认为null(所有文件类型)
                'fileDesc': '不超过2M的图片 (*.gif;*.jpg;*.png)',
                'sizeLimit': 2048000,  //允许上传的文件大小(kb)  此为2M
                'onSelectOnce': function (event, data) { //在单文件或多文件上传时，选择文件时触发
                    //event 事件对象(the event object)
                    //data 选择的操作信息
                    //data.filesSelected 选择文件操作中选中的文件数量
                    $('#status-message').text(data.filesSelected + ' 文件正在等待上传…….');
                },
                'onComplete': function (event, queueID, fileObj, response, data) {//当单个文件上传完成后触发
                    //event:事件对象(the event object)
                    //ID:该文件在文件队列中的唯一表示
                    //fileObj:选中文件的对象，他包含的属性列表
                    //response:服务器端返回的Response文本，我这里返回的是处理过的文件名称
                    //data：文件队列详细信息和文件上传的一般数据

                    alert("文件:" + fileObj.name + " 上传成功！");
                    //设置图片名称
                    $("#applogo").attr("value", response);
                    //设置输入框的值
                    $("#text_webApplogo").attr("value", fileObj.name);
                    //设置图片路径
                    $("#img_64").attr("src", "Imagelogo/64_" + response);
                    $("#img_48").attr("src", "Imagelogo/48_" + response);
                    $("#img_32").attr("src", "Imagelogo/32_" + response);
                    $("#img_16").attr("src", "Imagelogo/16_" + response);
                    //图片路径设置完成后，显示图片
                    $("#webApplogo_tab").css("display", "block");
                },
                'onError': function (event, queueID, fileObj) {//当单个文件上传出错时触发
                    alert("文件:" + fileObj.name + " 上传失败！");
                },
                'buttonImg': '/Systems/uploady/images/upload.jpg',//浏览按钮的图片路径
                'width': 60,//浏览按钮的宽和高
                'height': 24
            , 'queueID': 'QID_webApplogo'//页面上作为文件上传队列的元素的ID
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlace" runat="server">
    <div class="ManagerForm">
        <fieldset>
            <legend style="background: url(/images/icons/icon19.jpg) no-repeat 6px 50%;">上传实例二</legend>
            <cc2:TabControl ID="TabControl1" SelectionMode="Client" runat="server" TabScriptPath="/js/tabstrip.js" Height="100%">
                <cc2:TabPage ID="tabPage2" Caption="实例二">
                    <div id="webApplogo_file" style="display: block; width: 800px; background-color: #fff;">
                        <ul>
                            <li style="margin-left: 213px;"><span class="black_blod14">LOGO图标：</span></li>
                            <li style="margin-left: 3px;">
                                <input type="text" readonly="readonly" id="text_webApplogo" name="app_logo" class="appipt1" value="" /></li>
                            <li style="padding-top: 1px;">
                                <input type="file" id="webApplogo" name="webApplogo" />
                            </li>
                            <li><span style="display: none; margin-left: 5px; padding-left: 20px; color: #EA5200; font-size: 12px; background: url('Images/icon_03.gif' ) no-repeat 0px 0px;"
                                id="textporApplogo">请上传LOGO图标！</span></li>
                            <li style="margin-left: 220px;"><%--<span class="grey999" style="margin-left: 90px; float: left;">尺寸72px*72px，png格式,建议使用 图标PSD模板 制作</span>--%>
                                <div id="QID_webApplogo" class="fileQueue"></div>
                                <table id="webApplogo_tab" width="50%" border="0" cellspacing="0" cellpadding="0"
                                    align="center" class="grey999" style="display: none; margin-left: 90px; float: left;">
                                    <tr>
                                        <td align="center" valign="bottom">
                                            <img style="width: 64px; height: 64px;" id="img_64" src="images/icon_02.gif" border="0" alt=""/><br />
                                            (64*64)
                                        </td>
                                        <td align="center" valign="bottom">
                                            <img style="width: 48px; height: 48px;" id="img_48" src="images/icon_02.gif" border="0" alt=""/><br />
                                            (48*48)
                                        </td>
                                        <td align="center" valign="bottom">
                                            <img style="width: 32px; height: 32px;" id="img_32" src="images/icon_02.gif" border="0" alt="" /><br />
                                            (32*32)
                                        </td>
                                        <td align="center" valign="bottom">
                                            <img style="width: 16px; height: 16px;" id="img_16" src="images/icon_02.gif" border="0" alt=""/><br />
                                            (16*16)
                                        </td>
                                    </tr>
                                </table>
                            </li>
                        </ul>
                    </div>

                </cc2:TabPage>
            </cc2:TabControl>
        </fieldset>
    </div>
</asp:Content>
